@import "../../../../base/base";
@prefix:service-content;
.@{prefix}{
  background-size: cover!important;
  .@{prefix}-container{
    max-width: @box-width;
    margin: 0 auto;
    padding-bottom: 70px;
    padding-top: 1px;
    .max-media(1200px,{
      padding-left:@mobilePadding;
      padding-right: @mobilePadding;
    });
    h1{
      text-align: center;
      position: relative;
      margin-top: 70px;
      margin-bottom: 70px;
      .cover{
        position: absolute;
        content: "";
        width: 100px;
        height: 5px;

        bottom: -15px;
        left: 50%;
        .translate(-50%,0);
      }
    }
    .@{prefix}-col {
      margin-bottom: 10px;
      .max-media(1200px,{
        width:100%;
      });
      .@{prefix}-index {
        width: 100px;
        height: 100px;
        background: @base-color;
        color: #fff;
        text-align: center;
        line-height: 100px;
        font-size: 40px;
        font-weight: bold;
        float: left;
        .max-media(1200px,{
          position: relative;
          z-index: 100;
        });
      }
      .@{prefix}-content {
        width: 480px;
        height: 100px;
        float: left;
        padding: 0 25px;
        background: #e5e5e5;
        display: table;
        .max-media(1200px,{
          width: 100%;
          display: block;
          float: none;
          position: relative;
        });
        span{
          display: table-cell;
          vertical-align: middle;
          .max-media(1200px,{
            position: absolute;
            top: 50%;
            left: 110px;
            .translate(0,-50%);
          });
        }
      }
    }
  }
}